<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<p:panel id="contentEdit" styleClass="#{clientesMBean.saved}">
		<p:tabView id="formClientes" styleClass="tabForm"
			style="height:450px; width:680px">
			<p:tab title="Datos Generales" id="frmCliente">
				<p:focus context="frmDatosGenerales" />
				<h:form id="frmDatosGenerales">
					<ui:repeat var="cliente" value="#{clientesMBean.selectedCliente}">
						<div class="arrayInputTab">
							<div>
								<h:outputLabel value="Cod. Cliente" for="idCodigo" />
								<h:inputText style="width:151px" disabled="true"
									value="#{cliente.codCliente}" id="idCodigo" />
							</div>
						</div>
						<div class="separador"></div>
						<div class="arrayInputTab">
							<div>
								<h:outputLabel value="Tipo Identi." for="idIdentificacion" />
								<p:selectOneMenu id="idIdentificacion" required="true"
									value="#{cliente.tipoIdentificacionId}" styleClass="comboText">
									<p:ajax listener="#{clientesMBean.activarInputxTipoDoc()}"
										update=":formClientes:frmDatosGenerales" />
									<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
									<f:selectItems value="#{clientesMBean.listaTipoIdentificacion}"
										var="itemIdentif" itemLabel="#{itemIdentif.descripcion}"
										itemValue="#{itemIdentif.id}" />
								</p:selectOneMenu>
							</div>
							<div>
								<h:outputLabel value="Categoria" for="idCategoria" />
								<p:selectOneMenu id="idCategoria"
									value="#{cliente.categoriaClienteId}" styleClass="comboText">
									<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
									<f:selectItems value="#{clientesMBean.listaCategoriaCliente}"
										var="itemCatCliente" itemLabel="#{itemCatCliente.categoria}"
										itemValue="#{itemCatCliente.id}" />
								</p:selectOneMenu>
							</div>
						</div>
						<div class="separador"></div>
						<div class="arrayInputTab">
							<div>
								<h:outputLabel value="Num. Doc." for="idDoc" />
								<h:inputText value="#{cliente.numDoc}" required="true"
									id="idDoc" />
							</div>
							<div>
								<h:outputLabel value="Razon Social" for="idRazon" />
								<h:inputText style="width: 192px;"
									value="#{cliente.razonSocial}" required="true" id="idRazon"
									disabled="#{clientesMBean.inputJuridica}" />
							</div>
						</div>
						<div class="separador"></div>
						<div class="arrayInputTab">
							<div>
								<h:outputLabel value="Nombres" for="idNombre" />
								<h:inputText value="#{cliente.nombre}" required="true"
									id="idNombre" disabled="#{clientesMBean.inputPersonaNatural}" />
							</div>
							<div>
								<h:outputLabel value="Apelllidos" for="idApellidos" />
								<h:inputText style="width: 192px;" value="#{cliente.apellido}"
									id="idApellidos"
									disabled="#{clientesMBean.inputPersonaNatural}" required="true" />
							</div>
						</div>
						<div class="separador"></div>
						<div class="arrayInputTab">
							<div>
								<p:outputLabel for="date" value="Fecha.Nac " />
								<p:inputMask id="date" value="#{cliente.fechaNacimiento}"
									required="true" mask="99/99/9999"
									disabled="#{clientesMBean.inputPersonaNatural}" />
							</div>
						</div>
						<div class="separador"></div>
						<div class="arrayInputTab">
							<div>
								<h:outputLabel value="Active" for="idActive" />
								<h:selectBooleanCheckbox value="#{cliente.activeCliente}"
									id="idActive" />
							</div>
						</div>

					</ui:repeat>
					<p:commandButton value="Guardar" id="idLocalGuardar"
						validateClient="true"
						actionListener="#{clientesMBean.updateInsertItem}"
						update=":frmPageMantenimiento , :contentEdit , :formClientes:listaLocales" />
					<p:commandButton value="Eliminar" id="idLocalEliminar"
						update=":frmPageMantenimiento , :formClientes:listaLocales"
						rendered="#{(clientesMBean.tipoMantenimiento=='update') ? true : false}"
						oncomplete="PF('editObject').hide()"
						actionListener="#{clientesMBean.eliminarItem}">
						<p:confirm header="Confirmacion" message="¿Desea Eliminar?"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:commandButton value="Limpiar"
						rendered="#{(clientesMBean.tipoMantenimiento=='insert') ? true :false}"
						id="frmLimipiar">
						<p:ajax update=":contentEdit" resetValues="true" />
					</p:commandButton>
					<p:commandButton value="Cancelar" id="frmCancel"
						oncomplete="PF('editObject').hide()" />
				</h:form>
			</p:tab>
			<p:tab title="Direccion/Locales" id="frmDirecciones">
				<p:panel id="contentLocales" styleClass="formLocales">
					<h:form id="frmLocales">
						<ui:repeat var="item"
							value="#{clientesMBean.selectedLocalesCliente}">
							<div>
								<div class="formLocales">
									<div class="arrayInputTab-2">
										<div>
											<h:outputLabel value="Cod" for="idCodLocal" />
											<h:inputText disabled="true" style="width:151px"
												value="#{item.codLocal}" id="idCodLocal" />
										</div>
									</div>
									<div class="arrayInputTab-2">
										<div>
											<h:outputLabel value="Pais" for="idPais" />
											<p:selectOneMenu id="idPais" value="#{item.idPais}"
												styleClass="comboText">
												<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
												<f:selectItems value="#{clientesMBean.listaPaises}"
													var="itemPais" itemLabel="#{itemPais.pais}"
													itemValue="#{itemPais.codigo}" />
											</p:selectOneMenu>
										</div>
										<div>
											<h:outputLabel value="Depart." for="idDepartamento" />
											<p:selectOneMenu id="idDepartamento"
												value="#{item.idDepartamento}" styleClass="comboText">
												<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
												<f:selectItems value="#{clientesMBean.listaDivision}"
													var="itemDepart" itemLabel="#{itemDepart.division}"
													itemValue="#{itemDepart.codigo}" />
											</p:selectOneMenu>
										</div>
										<div>
											<h:outputLabel value="Ciudad" for="idCiudad" />
											<p:selectOneMenu id="idCiudad" value="#{item.idCiudad}"
												styleClass="comboText">
												<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
												<f:selectItems value="#{clientesMBean.listaCiudades}"
													var="itemCiudad" itemLabel="#{itemCiudad.ciudad}"
													itemValue="#{itemCiudad.codigo}" />
											</p:selectOneMenu>
										</div>
									</div>
									<div class="arrayInputTab-2">
										<div>
											<h:outputLabel value="Distrito" for="idDistrito" />
											<p:selectOneMenu id="idDistrito" value="#{item.idDistrito}"
												styleClass="comboText">
												<!--  <p:ajax event="change" listener="#{clientesMBean.mostrar()}" />-->
												<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
												<f:selectItems value="#{clientesMBean.listaDistritos}"
													var="itemDistrito" itemLabel="#{itemDistrito.distrito}"
													itemValue="#{itemDistrito.id}" />
											</p:selectOneMenu>
										</div>
										<div style="width: 415px;">
											<h:outputLabel value="Direccion" for="idDireccion" />
											<h:inputText style="margin-left: 18px;width: 342px;"
												value="#{item.direccion}" id="idDireccion" />
										</div>
									</div>
									<div class="arrayInputTab-2">
										<div>
											<h:outputLabel value="Email" for="idEmail" />
											<h:inputText style="width: 152px;" value="#{item.email}"
												id="idEmail" />
										</div>
										<div>
											<h:outputLabel value="Telef." for="idTelefono" />
											<h:inputText style="width: 118px; margin-left: 19px;"
												value="#{item.telefono1}" id="idTelefono" />
										</div>
										<div style="width: 87px;">
											<h:outputLabel value="Princ." for="idPrincipal" />
											<h:selectBooleanCheckbox value="#{item.principal}"
												id="idPrincipal" />
										</div>
										<div style="width: 87px;">
											<h:outputLabel value="Active" for="idActiveLocal" />
											<h:selectBooleanCheckbox value="#{item.active}"
												id="idActiveLocal" />
										</div>
									</div>
								</div>
							</div>
						</ui:repeat>
						<div class="arrayInputTab-3">
							<div style="font-size: 10px">
								<p:commandButton value="Agregar" id="idAgregar"
									actionListener="#{clientesMBean.agregarLocal()}"
									update=":formClientes:listaLocales , :formClientes:frmLocales"
									rendered="#{clientesMBean.buttomActivar}" />
								<p:commandButton value="Modificar" id="idModificar"
									actionListener="#{clientesMBean.modificarLocal()}"
									update=":formClientes:listaLocales , :formClientes:frmLocales"
									rendered="#{!clientesMBean.buttomActivar}" />
								<p:commandButton value="Nuevo" id="idNuevo"
									actionListener="#{clientesMBean.nuevoLocal()}"
									update=":formClientes:frmLocales" />
								<p:commandButton value="Eliminar" id="idEliminar"
									actionListener="#{clientesMBean.eliminarLocal()}"
									update=":formClientes:listaLocales , :formClientes:frmLocales"
									rendered="#{!clientesMBean.buttomActivar}" />
							</div>
						</div>
					</h:form>
					<h:form id="listaLocales">
						<div style="font-size: 12px; margin-top: 10px;">
							<p:dataTable id="idLocales" var="local" selectionMode="single"
								value="#{clientesMBean.listaLocalesCliente}"
								selection="#{clientesMBean.selectedLocalesCliente}"
								rowKey="#{local.idLocal}" emptyMessage="No se encontro Datos">
								<p:ajax event="rowSelect" update=":formClientes:contentLocales"
									listener="#{clientesMBean.seleccionarLocal}" />
								<p:column headerText="Codigo">
									<h:outputText value="#{local.idLocal}" />
								</p:column>
								<p:column headerText="Ciudad" sortBy="#{local.ciudad}">
									<h:outputText value="#{local.ciudad}" />
								</p:column>
								<p:column headerText="Distrito" sortBy="#{local.distrito}">
									<h:outputText value="#{local.distrito}" />
								</p:column>
								<p:column headerText="Direccion" sortBy="#{local.direccion}">
									<h:outputText value="#{local.direccion}" />
								</p:column>
								<p:column headerText="Prin." sortBy="#{local.principal}"
									style="text-align: center; width: 44px;">
									<p:selectBooleanCheckbox value="#{local.principal}">
									</p:selectBooleanCheckbox>
								</p:column>
								<p:column headerText="Activo" sortBy="#{local.active}"
									style="text-align: center; width: 44px;">
									<p:selectBooleanCheckbox value="#{local.active}">
									</p:selectBooleanCheckbox>
								</p:column>
							</p:dataTable>
						</div>
					</h:form>
				</p:panel>
			</p:tab>
		</p:tabView>
	</p:panel>
</ui:composition>
</html>